<template>
	<!-- 弹窗 -->
	<view class="container">
		<!-- 侧边栏 -->
		<my-popup-sidebar></my-popup-sidebar>
		<!-- 时间 -->
		<my-popup-time></my-popup-time>
		<!-- 功能弹窗 -->
		<view class="popup-box">
			<my-popup-popup></my-popup-popup>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				isOpen: true,
				ImageBg: {
					backgroundImage1: 'url(' + require('@/static/style1/zh26.png') + ')',
					backgroundImage2: 'url(' + require('@/static/style2/zh26.png') + ')',
					backgroundImage3: 'url(' + require('@/static/style1/zh23.png') + ')',
					backgroundImage4: 'url(' + require('@/static/style2/zh23.png') + ')',

				},
				sidebarBg: 'url(' + require('@/static/style1/zh23.png') + ')',
				iconItem: [
					'url(' + require('@/static/style1/p1.png') + ')',
					'url(' + require('@/static/style1/p2.png') + ')',
					'url(' + require('@/static/style1/p3.png') + ')',
					'url(' + require('@/static/style1/p4.png') + ')',
					'url(' + require('@/static/style1/p5.png') + ')',
					'url(' + require('@/static/style1/p6.png') + ')',
					'url(' + require('@/static/style1/p7.png') + ')',
				],
				// 倒计时图标
				djs: {
					'backgroundImage1': require('@/static/style1/djs.png'),

				},
				// 按钮图标
				btnImg: {
					backgroundImage1: 'url(' + require('@/static/style1/zh5.png') + ')',
					backgroundImage2: 'url(' + require('@/static/style2/zh5.png') + ')',
				},
				featureData: ['点击', '滑动', '双击', '长按'],
				// body 页面展示状态
				isState: '1',
				// 选中背景
				bg: this.$store.state.theme.currentBackground
			};
		},
		created() {
			console.log(this.djs.backgroundImage1);
		},
		// 获取被点击的选项


	}
</script>

<style lang="scss" scoped>
	.container {
		height: 100vh;
		background-color: #11112B;
		position: relative;
		color: #fff;

		.popup-box {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-47%, -50%);
		}
	}
</style>